﻿<!DOCTYPE html>
<html>
  <head>
    <title>阅读互动</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/阅读互动/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/阅读互动/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u897" class="ax_default" data-left="19" data-top="10" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u898" class="ax_default" data-left="19" data-top="10" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u899" class="ax_default box_1">
            <div id="u899_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u900" class="ax_default box_1">
            <div id="u900_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u901" class="ax_default ellipse">
            <img id="u901_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u902" class="ax_default ellipse">
            <img id="u902_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u903" class="ax_default box_1">
            <div id="u903_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u904" class="ax_default _图片">
          <img id="u904_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u905" class="ax_default box_2">
          <div id="u905_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u906" class="ax_default box_1">
          <div id="u906_div" class=""></div>
          <div id="u906_text" class="text ">
            <p><span>期待你的留言！</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u907" class="ax_default box_1">
          <div id="u907_div" class=""></div>
          <div id="u907_text" class="text ">
            <p><span>发送</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u908" class="ax_default box_1">
          <div id="u908_div" class=""></div>
          <div id="u908_text" class="text ">
            <p><span>查看留言</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u909" class="ax_default icon1">
          <img id="u909_img" class="img " src="images/阅读互动/u909.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u910" class="ax_default box_2">
          <div id="u910_div" class=""></div>
          <div id="u910_text" class="text ">
            <p><span><br></span></p><p><span><br></span></p><p><span>小明看到了什么？</span></p><p><span>接下来会发生什么？</span></p><p><span>凶手会是谁呢？</span></p><p><span><br></span></p><p><span><br></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u911" class="ax_default" data-left="259" data-top="11" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u912" class="ax_default" data-left="259" data-top="11" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u913" class="ax_default box_1">
            <div id="u913_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u914" class="ax_default box_1">
            <div id="u914_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u915" class="ax_default ellipse">
            <img id="u915_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u916" class="ax_default ellipse">
            <img id="u916_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u917" class="ax_default box_1">
            <div id="u917_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u918" class="ax_default _图片">
          <img id="u918_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u919" class="ax_default box_2">
          <div id="u919_div" class=""></div>
          <div id="u919_text" class="text ">
            <p><span><br></span></p><p><span><br></span></p><p><span>小明看到了什么？</span></p><p><span>接下来会发生什么？</span></p><p><span>凶手会是谁呢？</span></p><p><span><br></span></p><p><span><br></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u920" class="ax_default _图片">
          <img id="u920_img" class="img " src="images/全局说明/u311.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u921" class="ax_default box_2">
          <div id="u921_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u922" class="ax_default box_3">
          <div id="u922_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u923" class="ax_default label">
          <div id="u923_div" class=""></div>
          <div id="u923_text" class="text ">
            <p><span>发送</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u924" class="ax_default" data-left="273" data-top="205" data-width="10" data-height="13">

          <!-- Unnamed (形状) -->
          <div id="u925" class="ax_default _形状">
            <img id="u925_img" class="img " src="images/首页逻辑图/u594.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u926" class="ax_default _形状">
            <img id="u926_img" class="img " src="images/首页逻辑图/u595.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u927" class="ax_default" data-left="493" data-top="10" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u928" class="ax_default" data-left="493" data-top="10" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u929" class="ax_default box_1">
            <div id="u929_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u930" class="ax_default box_1">
            <div id="u930_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u931" class="ax_default ellipse">
            <img id="u931_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u932" class="ax_default ellipse">
            <img id="u932_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u933" class="ax_default box_1">
            <div id="u933_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u934" class="ax_default _图片">
          <img id="u934_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u935" class="ax_default icon1">
          <img id="u935_img" class="img " src="images/阅读页面逻辑图/u743.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u936" class="ax_default line">
          <img id="u936_img" class="img " src="images/首页逻辑图/u575.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u937" class="ax_default box_1">
          <div id="u937_div" class=""></div>
          <div id="u937_text" class="text ">
            <p><span>小说名</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u938" class="ax_default box_2">
          <div id="u938_div" class=""></div>
        </div>

        <!-- Unnamed (气泡) -->
        <div id="u939" class="ax_default box_1">
          <img id="u939_img" class="img " src="images/阅读页面逻辑图/u747.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u940" class="ax_default box_3">
          <div id="u940_div" class=""></div>
          <div id="u940_text" class="text ">
            <p><span>154</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u941" class="ax_default box_2">
          <img id="u941_img" class="img " src="images/阅读页面逻辑图/u749.png"/>
          <div id="u941_text" class="text ">
            <p><span>A</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u942" class="ax_default box_1">
          <img id="u942_img" class="img " src="images/阅读页面逻辑图/u750.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u943" class="ax_default box_3">
          <img id="u943_img" class="img " src="images/阅读页面逻辑图/u751.png"/>
          <div id="u943_text" class="text ">
            <p><span>120</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u944" class="ax_default box_2">
          <img id="u944_img" class="img " src="images/阅读页面逻辑图/u749.png"/>
          <div id="u944_text" class="text ">
            <p><span>A</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u945" class="ax_default box_1">
          <img id="u945_img" class="img " src="images/阅读页面逻辑图/u753.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u946" class="ax_default box_2">
          <img id="u946_img" class="img " src="images/阅读页面逻辑图/u749.png"/>
          <div id="u946_text" class="text ">
            <p><span>B</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u947" class="ax_default box_1">
          <img id="u947_img" class="img " src="images/阅读页面逻辑图/u753.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u948" class="ax_default box_2">
          <img id="u948_img" class="img " src="images/阅读页面逻辑图/u749.png"/>
          <div id="u948_text" class="text ">
            <p><span>D</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u949" class="ax_default box_3">
          <img id="u949_img" class="img " src="images/阅读页面逻辑图/u757.png"/>
          <div id="u949_text" class="text ">
            <p><span>100</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u950" class="ax_default box_3">
          <img id="u950_img" class="img " src="images/阅读页面逻辑图/u758.png"/>
          <div id="u950_text" class="text ">
            <p><span>50</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u951" class="ax_default icon1">
          <img id="u951_img" class="img " src="images/阅读页面逻辑图/u759.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u952" class="ax_default box_1">
          <div id="u952_div" class=""></div>
          <div id="u952_text" class="text ">
            <p><span>第X话 连载中/已完结</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u953" class="ax_default line">
          <img id="u953_img" class="img " src="images/阅读页面逻辑图/u761.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u954" class="ax_default line">
          <img id="u954_img" class="img " src="images/阅读页面逻辑图/u762.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u955" class="ax_default" data-left="493" data-top="391" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u956" class="ax_default" data-left="493" data-top="391" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u957" class="ax_default box_1">
            <div id="u957_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u958" class="ax_default box_1">
            <div id="u958_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u959" class="ax_default ellipse">
            <img id="u959_img" class="img " src="images/全局说明/u293.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u960" class="ax_default ellipse">
            <img id="u960_img" class="img " src="images/首页逻辑图/u518.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u961" class="ax_default box_1">
            <div id="u961_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u962" class="ax_default _图片">
          <img id="u962_img" class="img " src="images/全局说明/u296.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u963" class="ax_default icon1">
          <img id="u963_img" class="img " src="images/阅读页面逻辑图/u743.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u964" class="ax_default line">
          <img id="u964_img" class="img " src="images/首页逻辑图/u575.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u965" class="ax_default box_1">
          <div id="u965_div" class=""></div>
          <div id="u965_text" class="text ">
            <p><span>小说名</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u966" class="ax_default box_2">
          <div id="u966_div" class=""></div>
          <div id="u966_text" class="text ">
            <p><span>文字</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u967" class="ax_default icon1">
          <img id="u967_img" class="img " src="images/阅读页面逻辑图/u759.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u968" class="ax_default box_1">
          <div id="u968_div" class=""></div>
          <div id="u968_text" class="text ">
            <p><span>第X话 连载中/已完结</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u969" class="ax_default line">
          <img id="u969_img" class="img " src="images/阅读页面逻辑图/u761.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u970" class="ax_default line">
          <img id="u970_img" class="img " src="images/阅读页面逻辑图/u762.png"/>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u971" class="ax_default _连接线">
        <img id="u971_seg0" class="img " src="images/阅读互动/u971_seg0.png" alt="u971_seg0"/>
        <img id="u971_seg1" class="img " src="images/阅读互动/u971_seg1.png" alt="u971_seg1"/>
        <img id="u971_seg2" class="img " src="images/阅读互动/u971_seg2.png" alt="u971_seg2"/>
        <img id="u971_seg3" class="img " src="images/阅读互动/u971_seg3.png" alt="u971_seg3"/>
        <img id="u971_seg4" class="img " src="images/阅读互动/u971_seg4.png" alt="u971_seg4"/>
        <img id="u971_seg5" class="img " src="images/阅读互动/u971_seg5.png" alt="u971_seg5"/>
        <img id="u971_seg6" class="img " src="images/阅读互动/u971_seg6.png" alt="u971_seg6"/>
        <div id="u971_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u972" class="ax_default _连接线">
        <img id="u972_seg0" class="img " src="images/阅读互动/u972_seg0.png" alt="u972_seg0"/>
        <img id="u972_seg1" class="img " src="images/阅读互动/u972_seg1.png" alt="u972_seg1"/>
        <img id="u972_seg2" class="img " src="images/阅读互动/u972_seg2.png" alt="u972_seg2"/>
        <img id="u972_seg3" class="img " src="images/阅读互动/u972_seg3.png" alt="u972_seg3"/>
        <img id="u972_seg4" class="img " src="images/阅读互动/u972_seg4.png" alt="u972_seg4"/>
        <img id="u972_seg5" class="img " src="images/阅读互动/u972_seg5.png" alt="u972_seg5"/>
        <img id="u972_seg6" class="img " src="images/阅读互动/u972_seg6.png" alt="u972_seg6"/>
        <div id="u972_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u973" class="ax_default _连接线">
        <img id="u973_seg0" class="img " src="images/阅读互动/u972_seg0.png" alt="u973_seg0"/>
        <img id="u973_seg1" class="img " src="images/阅读互动/u972_seg1.png" alt="u973_seg1"/>
        <img id="u973_seg2" class="img " src="images/阅读互动/u973_seg2.png" alt="u973_seg2"/>
        <img id="u973_seg3" class="img " src="images/阅读互动/u973_seg3.png" alt="u973_seg3"/>
        <img id="u973_seg4" class="img " src="images/阅读互动/u973_seg4.png" alt="u973_seg4"/>
        <img id="u973_seg5" class="img " src="images/阅读互动/u972_seg5.png" alt="u973_seg5"/>
        <img id="u973_seg6" class="img " src="images/阅读互动/u973_seg6.png" alt="u973_seg6"/>
        <div id="u973_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u974" class="ax_default box_1">
        <img id="u974_img" class="img " src="images/阅读互动/u974.png"/>
        <div id="u974_text" class="text ">
          <p><span style="color:#000000;">1.阅读时。屏幕会根据作者原来的设定，弹出与读者的【互动框】</span></p><p><span style="color:#000000;"><br></span></p><p><span style="color:#000000;">2.点击留言框，字母键盘从底部滑出，用户/作者可经行文本编辑。</span></p><p><span style="color:#000000;"><br></span></p><p><span style="color:#000000;">3. 点击【互动框】或者【留言框】都会出现右下角的×，点击就关闭弹框，继续进行阅读</span></p><p><span><br></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
